<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>这是第一条li标签</li>
        <li>这是第二条li标签</li>
        <li>这是第三条li标签</li>
        <li>这是第四条li标签</li>
    </ul>
</body>
<script>

    var lis = document.querySelectorAll('li')
    console.log(lis);
    //此时获取到的是伪数组，还不能用数组方法
    // var lis=Array.prototype.slice.call(lis)
    // var lis=Array.prototype.slice.apply(lis)

//    var lis= Array.from(lis)

   var lis=[...lis]
   console.log(lis);
    lis.map((el, index) => {
        
            el.onclick = () => {
            alert(index)
             }
        
     
    })
    // for (let i = 0; i < lis.length; i++) {
    //     lis[i].onclick = function () {
    //         alert(i)
    //     }
    // }

    // var arr=[1,2,3,4]
    // console.log(arr);
    // arr.map(el=>{
    //     console.log(el);
    // })
    //优点：岗位匹配度，语言表达能力
    //缺点：慢热，内敛，新技术的能力
    //学历能力，一定程度上代表了学习能力
    // const obj = new Object()
    // obj.a = 1,
    //     obj.b = "小明"

    // console.log(typeof (1));
    // console.log(obj);
    // console.log(typeof (obj));
    var arr = ['1', '2', '3']
    console.log(arr.map((parseInt)));

    //    var arr=[
    //        {
    //            name:'zs',
    //            age:12
    //        }
    //    ]
    //    var brr=...arr

    // var arr=[1,3,3,4]
    // var brr=arr
    // var brr1=[...arr]
    // console.log(brr,brr1);
    // console.log(brr==brr1);
    var b = 10;
    (function fn() {
        console.log(b);
        b = 20;
        console.log(b);
    })();

//
</script>

</html>